<template>
  <view class="flex-col justify-start items-end section pos">
    <view class="flex-col section_2">
      <view class="flex-col group_8">
        <view class="flex-row space-x-42" @click="navTo('/pages/order/order')">
          <text class="font_7">我的订单</text>
          <text class="arrow">></text>
        </view>
        
        <view class="divider"></view>
        
        <view class="flex-row space-x-42" @click="navTo('/pages/inform1/inform1')">
          <text class="font_7">消息通知</text>
          <text class="arrow">></text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
	props:['message'],
    data() {
      return {};
    },

    methods: {
      navTo(url) {
        uni.navigateTo({
          url: url,
          success(res) {
            console.log('成功啦', res);
          },
          fail(err) {
            console.log('失败啦', err);
          }
        })
      }
    },
  };
</script>

<style scoped lang="scss">
  .section {
    .section_2 {
      margin-right: 0;
      padding: 10rpx 15rpx 10rpx;
      background-color: #ffffff;
      border-radius: 20rpx;
      margin-top: 0;
      width: 240rpx;
      
      .group_8 {
        margin-top: 5rpx;
        
        .space-x-42 {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 20rpx 15rpx;
          
          &:active {
            background-color: #f5f5f5;
            border-radius: 10rpx;
          }
          
          .font_7 {
            font-size: 30rpx;
            font-family: SourceHanSansCN;
            line-height: 35rpx;
            font-weight: normal;
            color: #000000;
          }
          
          .arrow {
            font-size: 24rpx;
            color: #999;
          }
        }
        
        .divider {
          height: 1rpx;
          background-color: #f0f0f0;
          margin: 0 10rpx;
        }
      }
    }
  }
  .pos {
  }
</style>